<template>
  <div>
    <h2>父组件{{ aaa }}</h2>
    <child-com :bbb="aaa" @click.native="fn" />
  </div>
</template>

<script>
import ChildCom from './ChildCom.vue'
export default {
  components: {
    ChildCom
  },
  props: {
    aaa: {
      type: Number,
      // required: true,
      // 必选项和默认值一般只会出现其中一种情况
      default: 0
    },
    obj: {
      type: Object,
      // 如果父传子是复杂数据类型,则在接收时期末任职就不能个固定的地址,我们需要和对象一样返回一个对象
      default: () => {}
    }
  },
  methods: {
    fn() {
      console.log('我是父组件')
    }
  }
}
</script>
